import React from "react";

interface AaaProps {
  name: string;
  content: React.ReactNode;
}

function Aaa(props: AaaProps) {
  return (
    <div>
      aaa, {props.name}
      {props.content}
    </div>
  );
}
const content: JSX.Element = <div>aaa</div>;

function App() {
  return (
    <div>
      <Aaa name="guang" content={null}></Aaa>
      <Aaa name="guang" content={123}></Aaa>
    </div>
  );
}

export default App;
